﻿/*********** 网站通用 **********/
.screen{ width:100%; float:left; text-align:center; min-width:1170px;}
*{list-style: none; padding:0px; margin:0px; font-family:"微软雅黑"; }
.obx{width:100%; float:left; max-width:1170px; display: -webkit-flex; display: flex; flex-direction:column}
.First,.Second,.Third{ width:1170px; margin:auto;}

 /*********** 导航 **********/
.Navigation{ width:100%; float:left; height:60px; background:#bf0614; margin-bottom:4px;}
.Navigation_n{ width:1170px; margin:auto; font-size:12px; color:#141414; overflow:hidden; text-align:left; line-height:60px;}
.Navigation_n_l{ width:500px; float:left; text-align:left;}
.Navigation_n_l_yx{ float:left; padding-right:20px; text-align:left;}
.Navigation_n_r{ width:600px; float:right; text-align:left;}
.Navigation_n_r_t{ float:right; padding-left:20px; text-align:left; }
.Navigation_n a:link, .Navigation_n a:visited {font-size: 12px;color:#f69c9d;text-decoration: none;}
.Navigation_n a:hover {font-size:12px;color: #e94d4d;text-decoration: none;}
.Navigation_n img{ padding-top:15px; float:left;}


.top_logo{ width:1170px; margin:auto; text-align:center; padding-bottom:20px;}
.top_logo img{ margin-top:30px;}
 /*********** logo下导航 **********/
.NavigationA{ width:1170px; margin:auto; border-bottom:1px solid #eeeeee; padding-bottom:8px;}
.NavigationA ul{display: -webkit-flex; display: flex; justify-content:center}
.NavigationA li{ padding:0 15px;}
.NavigationA li a:link, .NavigationA li a:visited {font-size:18px;color:#4b4b4b;text-decoration: none;}
.NavigationA li a:hover {font-size:18px;color: #bf0614;text-decoration: none;}

 /*********** 头条 **********/
.toutiao{ width:1170px; float:left; overflow:hidden; margin-top:30px; margin-bottom:20px;}
.toutiao_t{ width:1170px; float:left; padding-top:30px;}
.toutiao_t_l{ width:70px; float:left; background:#bf0614; height:40px; line-height:40px; font-size:20px; color:#FFF; margin-top:5px; text-align:center;}
.toutiao_t_r{ width:1080px; float:left; padding-left:20px; text-align: left; line-height:48px;font-size:40px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-weight:bold;}
.toutiao_t_r a:link, .toutiao_t_r a:visited {color:#141414;text-decoration: none;}
.toutiao_t_r a:hover {color: #141414;text-decoration: none;}

.toutiao_b{ width:100%; float:left;}
.toutiao_b_t{ width:100%; float:left; text-align:left; font-size:22px; padding-bottom:15px;}
.toutiao_b_t a:link, .toutiao_b_t a:visited {color:#141414;text-decoration: none;}
.toutiao_b_t a:hover {color: #141414;text-decoration: none;}

.toutiao_c{ width:1170px; display: -webkit-flex; display: flex;justify-content:space-between; padding-top:10px;}

.toutiao_list{ width:565px;}
.toutiao_list li{ width:565px; float:left; text-align:left; border-bottom:1px solid #eeeeee; line-height:64px; height:59px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.toutiao_list li a:link, .toutiao_list li a:visited {font-size:22px;color:#141414;text-decoration: none;}
.toutiao_list li a:hover {font-size:22px;color: #e94d4d;text-decoration: none;}

.toutiao_r{ width:565px; float:right; height:385px; overflow:hidden; position: relative;}
.toutiao_r_t{ width:565px; height:40px; position:absolute; bottom:0px; left:0px; background-color: rgba(0,0,0,0.7); font-size:18px; line-height:40px; color:#FFF; text-align:center;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}



 /*********** 图文列表 **********/
.xjp{ width:1170px; display: -webkit-flex; display:flex; justify-content:space-between;flex-wrap:wrap; }
.xjp_top{ width:370px; display: -webkit-flex; display:flex; justify-content:space-between;padding-top:30px; height:210px; overflow:hidden; position: relative;}
.xjp_top_t{width:370px; height:40px; position:absolute; bottom:0px; left:0px; background-color: rgba(0,0,0,0.7); font-size:18px; line-height:40px; color:#FFF; text-align:center;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}

#multipleSlidesPerView_top{width:1170px;height:196px; padding-top:20px;}
#multipleSlidesPerView_top .swiper-pagination-bullet{ width:11px; height:11px; background:#7f7f7f}
#multipleSlidesPerView_top .swiper-pagination-bullet-active{ background:#7f7f7f}


/*.xjp_top_img{ width:200px; height:120px; overflow:hidden;}
.xjp_top_title{ width:344px; border-top:1px solid #eeeeee;}
.xjp_top_title a:link, .xjp_top_title a:visited {font-size:18px;color:#141414;text-decoration: none;}
.xjp_top_title a:hover {font-size:18px;color: #e94d4d;text-decoration: none;}
.xjp_top_title h2{width:100%; text-align:left; line-height:22px; padding-top:8px; padding-bottom:10px;}
.xjp_top_title p{ font-size:14px; text-align:left; color:#a9a9a9; line-height:22px;}
*/

.xjp_list{ width:1170px; padding-top:25px;}
.xjp_list ul{ width:100%; float:left; padding-bottom:20px;}
.xjp_list li{ width:365px; float:left; margin-right:37px; text-align:left; line-height:45px; display: none; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.xjp_list li a:link, .xjp_list li a:visited {font-size:18px;color:#141414;text-decoration: none;}
.xjp_list li a:hover {font-size:18px;color: #e94d4d;text-decoration: none;}
.xjp_list li:nth-child(-n+3){border-top:1px solid #eeeeee; padding-top:15px;} 
.xjp_list li:nth-child(-n+18){ display:block;} 
.xjp_list li:nth-child(3n){ margin-right:0px;} 

.more{ width:1170px; text-align:center; color:#edcbcc; font-size:16px;}
.more_title{  float:left; border:1px solid #f26369; padding:8px 25px;border-radius:10px; color:#f26369; font-size:18px; margin:0px 15px;}
.more_l{ width:43%; float:left; border-bottom:1px dashed #edcbcc; height:20px;}

 /*********** 幻灯 **********/
.huandeng{ width:770px; overflow:hidden; float:left;}
#addExplain {width: 770px; height:410px; font-size:18px;}
#addExplain .swiper-pagination-bullets{ width:100px; bottom:10px; left:666px;  }
#addExplain .swiper-pagination-bullets .swiper-pagination-bullet{ width:10px; height:10px;border-radius:10px;background-color:#fff;opacity:1}
#addExplain .swiper-pagination-bullet-active.swiper-pagination-bullet{background-color:#ff0000;opacity:.8}

#addExplain .swiper-explain ._12GUMmtNPr{ padding-bottom:0px; font-size:18px}
#customNextEl {display:none; float: right; right:0px; position: relative; top:-240px;width:40px; height:80px;background: url(../images/right-arrow.png) no-repeat;outline: none; z-index:999}
#customPrevEl {display:none;float: left; left:0px; position: relative; top:-240px;width: 40px;height:80px;background: url(../images/left-arrow.png) no-repeat;outline: none; z-index:999}

/*********** 幻灯右侧 **********/
.ppt_r{ width:368px; float:right; border:1px solid #bdbdbd; font-family:"微软雅黑";}

.tupianxx{position:relative; width:368px; height:190px; float:left; overflow:hidden;font-family:"微软雅黑";  margin-bottom:10px; }
.tupianxx01{position:absolute; top:0; left:0px; z-index:5; top:160px; width:368px; background:#000; color:#ffffff; text-align:left; height:30px; line-height:30px; font-size:16px; filter: alpha(Opacity=80); opacity: .8;}
.tupianxx01 img{ float:left;}
.ppt_r_wen{ width:368px; float:left; padding-top:2px; padding-bottom:2px;}
.ppt_r_wen li{ background:url(../images/xx_bt1.png) left top no-repeat; text-align:left; height:29px; float:left; padding-left:30px; width:338px; line-height:30px; margin-top:6px; margin-bottom:6px;}
.ppt_r_wen a:link, .ppt_r_wen a:visited {font-size:16px;color:#141414;text-decoration: none;}
.ppt_r_wen a:hover {font-size:16px;color: #e94d4d;text-decoration: none;}


/*********** 特别推荐 **********/
.tbtj{ width:1170px; padding-top:30px; float:left;}
.tbtj_title{border-top:1px solid #dcdcdc; font-size:24px; text-align:left; color:#000000; width:1170px; float:left; padding-top:10px;}
#multipleSlidesPerView{width:1170px;height:140px; padding-top:20px;}
#multipleSlidesPerView .swiper-pagination-bullet{ width:11px; height:11px; background:#7f7f7f}
#multipleSlidesPerView .swiper-pagination-bullet-active{ background:#7f7f7f}

/*********** 今日聚焦 **********/
.jrjj{ width:1170px;}
.jrjj_title{border-top:3px solid #bf0614; font-size:24px; text-align:left; color:#000000; width:1170px; float:left; padding-top:10px; margin-top:10px;}

.currency{ width:370px; float:left;}

.jrjj_one_bt{ width:370px; float:left; height:25px; text-align:left; font-size:24px; line-height:25px; margin-top:30px; margin-bottom:10px;}
.jrjj_one_bt a:link, .jrjj_one_bt a:visited {font-size:22px;color:#141414;text-decoration: none;}
.jrjj_one_bt a:hover {font-size:22px;color: #bf0614;text-decoration: none;}
.jrjj_one_bt_r3{ width:300px; float:right; border-bottom:1px solid #dcdcdc; height:15px;}
.jrjj_one_bt_r4{ width:275px; float:right; border-bottom:1px solid #dcdcdc; height:15px;}

.column_lb{ width:370px; float:left;}
.column_lb li{ width:370px; float:left; text-align:left; line-height:40px;}
.column_lb li a:link, .column_lb li a:visited {font-size:16px;color:#141414;text-decoration: none;}
.column_lb li a:hover {font-size: 16px;color: #bf0614;text-decoration: none;}
.column_lb li:first-child{ font-weight:bold; }
.column_tu{ width:368px; height:270px; border:1px solid #dcdcdc; float:left; margin-top:28px; text-align:center; font-size:18px; color:#fff; overflow:hidden; background:#141414}
.column_tu img { float:left; margin-bottom:15px;}


.currency_bt{ width:100%; float:left; text-align:left; font-size:22px;  margin-top:20px; margin-bottom:12px; border-top:1px solid #dcdcdc; padding-top:10px;}
.currency_bt a:link, .currency_bt a:visited {font-size:22px;color:#141414;text-decoration: none; border-top:2px solid #bf0614; padding-top:10px;}
.currency_bt a:hover {font-size:22px;color: #bf0614;text-decoration: none;}

.currency_tu01{position:relative; width:370px; height:150px; float:left; overflow:hidden;font-family:"微软雅黑";  margin-bottom:15px; margin-top:6px; overflow:hidden;}
.currency_tu02{position:absolute; top:0; left:0px; z-index:5; top:120px; width:370px; background:#000; color:#ffffff; text-align: center; height:30px; line-height:30px; font-size:14px; filter: alpha(Opacity=80); opacity: .8;}

.currency_tu03{position:relative; width:175px; height:96px; float:left; overflow:hidden;font-family:"微软雅黑";overflow:hidden;}
.currency_tu04{position:absolute; top:0; left:0px; z-index:5; top:66px; width:175px; background:#000; color:#ffffff; text-align: center; height:30px; line-height:30px; font-size:14px; filter: alpha(Opacity=80); opacity: .8;}

.whjy{ width:1170px; margin:auto;}

 /*********** 图集 **********/
.tuji_title{ width:100%; line-height:45px;}
.tuji_title a:link, .tuji_title a:visited {font-size:22px;color:#141414;text-decoration: none;border-top:2px solid #bf0614; padding-top:6px;}
.tuji_title a:hover {font-size:22px;color: #bf0614;text-decoration: none;}

.Third ul li{float:left;display:inline;width:292px;height:180px;overflow:hidden;position:relative}
.Third ul li .photo{width:292px;height:180px;overflow:hidden}
.Third .rsp{width:292px;height:180px;overflow:hidden;position:absolute;background:#000;top:0;left:0}
.Third .text{position:absolute;width:292px;height:180px;left:0px; bottom:-180px; overflow:hidden}
.Third .text h3{width:272px;margin-top:60px;line-height:40px;text-align:center;color:#fff;font-family:"微软雅黑";font-size:18px; padding:0px 10px;}
.Third .text a:link, .Third .text a:visited {font-size:18px;color:#141414;text-decoration: none;}
.Third .text a:hover {font-size:18px;color: #bf0614;text-decoration: none;}


 /*********** 图片变大效果 **********/
.fd_img{cursor: pointer; transition: all 0.9s;-moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s;}
.fd_img:hover{transform: scale(1.05);} 



 /*********** 广告 **********/
.gg_tl{ width:1170px; height:80px; margin:30px 0px; float:left}
.gg_4{ width:1170px; height:100px; margin:30px 0px; float:left;display: -webkit-flex; display:flex; justify-content:space-between;}
.gg_4 span{background:#ddd; width:286px; height:110px; overflow:hidden;}
.gg_2{ width:1170px; height:100px; margin:30px 0px; float:left;display: -webkit-flex; display:flex; justify-content:space-between;}
.gg_2 span{background:#ddd; width:578px; height:80px; overflow:hidden;}
.m_10{ margin-left:10px;}
.m_20{ margin-left:20px;}
.m_30{ margin-left:30px;}

.gg_top1{ width:1170px; margin:auto;}

/****** 友情链接 ********/
.foot{ width:1170px; height:260px; margin:auto;}
.foot_l{ width:110px; float:left; height:250px; font-size:14px; color:#FFF; padding-top:10px;text-align:left;}
.foot_l a:link, .foot_l a:visited {font-size: 12px;color:#fff;text-decoration: none; width:110px; height:26px; background:#ff7e7e; float:left; text-align:center; margin-top:11px; line-height:26px;}
.foot_l a:hover {font-size: 12px;color: #141414;text-decoration: none;}
.foot_01{ width:6px; float:left; padding-left:10px;}
.foot_z{ width:110px; float:left; height:250px; font-size:14px; color:#FFF; padding-top:10px; padding-left:30PX; text-align:left;}
.foot_z a:link, .foot_z a:visited {font-size: 12px;color:#fff;text-decoration: none; width:110px; height:24px; float:left; text-align:LEFT; margin-top:4px; line-height:24px;}
.foot_z a:hover {font-size: 12px;color: #141414;text-decoration: none;}
.foot_z span{font-size: 12px;color:#fff;text-decoration: none; width:110px; height:24px; float:left; text-align:LEFT; margin-top:4px; line-height:24px;}

.area-sub{width:877px;overflow:hidden; height:250px; padding-top:10px; padding-left:20px;}
#layout-t .tab-bd{height:250px;}
.tab-hd-con{float:left;font-size:14px;text-align:center;cursor:pointer; width:100px; color:#FFF;}
.tab-main .tab-hd,.tab-sub .tab-hd,.tab-product .tab-hd,.tab-area .tab-hd{overflow:hidden;height:30px;line-height:30px;}
.tab-main .tab-hd-con,.tab-sub .tab-hd-con,.tab-product .tab-hd-con,.tab-area .tab-hd-con{height:29px; font-weight:bold; }
.tab-main .tab-hd .current,.tab-sub .tab-hd .current,.tab-product .tab-hd .current,.tab-area .tab-hd .current{position:relative;z-index:1;height:30px; background:#ff7e7e; font-weight:inherit;}
.youqing{ width:877px; float:left; padding-top:10px;white-space:nowrap;}
.youqing a:link, .youqing a:visited {font-size:12px;color:#fff;text-decoration: none; height:26px; float:left; text-align:LEFT; line-height:26px; padding-left:8px;white-space:nowrap;}
.youqing a:hover {font-size: 12px;color: #141414;text-decoration: none; white-space:nowrap;}
.cslm{width:877px; float:left; background:url(../images/cslm.jpg) no-repeat left top; height:30px; line-height:30px; padding-top:6px; text-align:left; padding-left:240px; padding-bottom:10px;}
.cslm a:link, .cslm a:visited {font-size:12px;color:#fff;text-decoration: none;}
.cslm a:hover {font-size: 12px;color: #141414;text-decoration: none;}



/************************v*** 网站底部 **********************vv**********/
.footer{ width:1170px; margin:auto; padding-top:20px; text-align:center; font-size:12px; line-height:24px; color:#999}
.footer a:link, .footer a:visited {font-size:12px;color:#999;text-decoration: none;}
.footer a:hover {font-size: 12px;color: #141414;text-decoration: none;}

/****** 回到顶部 ********/
.Fifth{width:100%; float:left; margin-top:15px; padding-top:5px;}
.bottom_tools{position:fixed; z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{font:0/0 a;display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{position:absolute;top:-100px;left:-40px; display:none;}
#scrollUp{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-54px -53px;display:none;}
#scrollUp:hover{background-image:url(../images/backgrounds.32.png);background-position:-100px -53px}
#feedback{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-102px 0}
#feedback:hover{background-image:url(../images/backgrounds.32.png);background-position:-146px -46px}
.qr_tool{width:45px;height:45px;background-image:url(../images/backgrounds.32.png);background-position:-148px 0;cursor:pointer;}
.qr_tool:hover {width: 45px;height: 45px;background-image: url(../images/backgrounds.32.png);background-position: -192px -46px;}

.page-footer {margin-top:20px;padding-top:10px;background: #444;height:200px;border-top:10px solid #333}


/************************v*** 公益广告 **********************vv**********/
#multipleSlidesPerView_gygg{width:370px;height:260px; padding-top:10px;}
#multipleSlidesPerView_gygg .swiper-pagination-bullet{ width:8px; height:8px; background:#7f7f7f}
#multipleSlidesPerView_gygg .swiper-pagination-bullet-active{ background:#7f7f7f}







